<template>
  <view
    class="map"
    :style="`background:url('${img1}') no-repeat;background-size: 100%; background-color: #f4f4f4;`"
  >
    <!--  -->
    <!-- <view class="map-v">
      <view class="scrol" style="height: 100vh">
        <view class="content">
          <view v-for="item in datalists" :key="item.id" class="card">
            <image :src="img1" />
            <view style="display: grid; margin-left: 20rpx">
              <text class="name">言几又(湖滨银泰in77店）{{item.id}}</text>
              <text class="adr">上城区解放路湖滨银泰in77E区L2-10号</text>
              <text class="adr" style="margin-top: -20rpx"
                >距离您1.7公里｜靠近龙翔桥地铁站</text
              >
            </view>
          </view>
        </view>
      </view>
    </view> -->
  </view>
</template>

<script>
import "./index.scss";
import Taro from "@tarojs/taro";
import img1 from "../../assets/image/build1.png";
import BannerSwiper from "../../components/bannerswiper/index";
export default {
  data() {
    return {
      img1: img1,
      datalist: [
        {
          id: 1,
          imgurl: img1,
          title: "手机话费100元券",
          category: "三大运营商通用",
          startTime: "",
          endTime: "",
          explain: "可与其它活动优惠同时享受。",
        },
        {
          id: 2,
          imgurl: img1,
          title: "手机话费100元券",
          category: "三大运营商通用",
          startTime: "",
          endTime: "",
          explain: "可与其它活动优惠同时享受。",
        },
        {
          id: 3,
          imgurl: img1,
          title: "手机话费100元券",
          category: "三大运营商通用",
          startTime: "",
          endTime: "",
          explain: "可与其它活动优惠同时享受。",
        },
      ],
    };
  },
  computed: {
    // 计算属性的 getter
    datalists: function () {
      // `this` 指向 vm 实例
      const datalist = [];
      for (let i = 0; i < 100; i++) {
        datalist.push({
          id:i
        });
      }

      return datalist;
    },
  },
  methods: {
    todetail(item) {
      Taro.navigateTo({ url: item.path });
    },
  },
};
</script>
